Function Component (TIL10) React 함수형 컴포넌트_useState 그동안 자주 썼던 ①클래스 컴포넌트 방식, 그리고 지금 자세히 배워볼 ②함수형 컴포넌트 방식이 있습니다. 과거에는 클래스 컴포넌트가 주로 사용됐으나, 2019년 v16.8 React부터 함수형 컴포넌트에 훅(Hook)이 도입되어 함수형 컴포넌트가 가지고 있던 단점들이 많이 해결되었고, React 공식 문서에서 함수형 컴포넌트와 훅을 함께 사용할 것을 권장하고 있습니다. 하지만, 공식문서에서 ... 함수형 컴포넌트useStateReactTILFunction ComponentFunction Component No.12 Hook 훅은 갈고리, 낚시바늘 등을 뜻하는 영어 단어이다. react에서의 훅은 갈고리를 뜻하는건 아니지만, 갈고리와 같은 기능을 하기 때문에 연관지어 생각하면 좋다. react의 훅은 function component에서 배우는 개념인데, class component와는 쓰임새가 다르다. 왜 페이스북 개발자들은 function을 사용하기 시작했을까? 그 이유는 다음과 같다. class compon... hook리액트Function ComponentReactFunction Component weekend studies : REACT 기초 : 함수형 컴포넌트와 props index.js에서 마지막 코드인 REACTDOM.render( ) 에는 첫번째 인자로 보통 가 들어가서 동적으로 컴포넌트를 여기저기 옮겨다닐 수있도록 설정을 해주고 두번째 인자로 root라는 id를 가진 index.html과 연결해주어 여러 컴포넌트들을 하나의 html위에 뿌려준다(렌더링) 하지만 지금은 함수형 컴포넌트를 이해하기위해 바로 렌더링할 하나의 컴포넌트 Blog를 만들고 컴포넌트... ReactPropsFunction ComponentFunction Component
(TIL10) React 함수형 컴포넌트_useState 그동안 자주 썼던 ①클래스 컴포넌트 방식, 그리고 지금 자세히 배워볼 ②함수형 컴포넌트 방식이 있습니다. 과거에는 클래스 컴포넌트가 주로 사용됐으나, 2019년 v16.8 React부터 함수형 컴포넌트에 훅(Hook)이 도입되어 함수형 컴포넌트가 가지고 있던 단점들이 많이 해결되었고, React 공식 문서에서 함수형 컴포넌트와 훅을 함께 사용할 것을 권장하고 있습니다. 하지만, 공식문서에서 ... 함수형 컴포넌트useStateReactTILFunction ComponentFunction Component No.12 Hook 훅은 갈고리, 낚시바늘 등을 뜻하는 영어 단어이다. react에서의 훅은 갈고리를 뜻하는건 아니지만, 갈고리와 같은 기능을 하기 때문에 연관지어 생각하면 좋다. react의 훅은 function component에서 배우는 개념인데, class component와는 쓰임새가 다르다. 왜 페이스북 개발자들은 function을 사용하기 시작했을까? 그 이유는 다음과 같다. class compon... hook리액트Function ComponentReactFunction Component weekend studies : REACT 기초 : 함수형 컴포넌트와 props index.js에서 마지막 코드인 REACTDOM.render( ) 에는 첫번째 인자로 보통 가 들어가서 동적으로 컴포넌트를 여기저기 옮겨다닐 수있도록 설정을 해주고 두번째 인자로 root라는 id를 가진 index.html과 연결해주어 여러 컴포넌트들을 하나의 html위에 뿌려준다(렌더링) 하지만 지금은 함수형 컴포넌트를 이해하기위해 바로 렌더링할 하나의 컴포넌트 Blog를 만들고 컴포넌트... ReactPropsFunction ComponentFunction Component